<template>
    <div class="swipeContainer">
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in swipeList" :key="item.id">
                <img :src="item.img_url" alt="" />
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    props:['swipeList','speed'],
    // data(){
    //     return{
    //         swipeList:[]
    //     }
    // }
}
</script>

<style lang="less">
.swipeContainer{
    .mint-swipe {
    height: 350px;
    background-color: #fff;
    // .mt-swipe-item{
        
    // }
    img {
            width: 100%;
            height: 100%;
        }    
  }
}
</style>